<template>
  <div class="city">
     <CityHeader></CityHeader> 
  </div>
</template>

<script>
import { Getpovr } from "../../request/api"
import axios from 'axios'
// import CitySerch from './components/Search'
import CityHeader from './components/CityHeader'
// import CityList from './components/List'
// import CityAiphader from './components/AIphaber'
export default {
  name: 'City',
  components:{
    CityHeader,

  },
  data() { 
    return {
      cities:{},
      hotCities:[],
      letter:""
    }
  },
  methods: {
    
    // getCityInfo(){
    //   axios.get("/api/city.json").then(this.getCityInfoSucc).catch(function(e){
    //     console.log(e);
    //   })
    // },
    // getCityInfoSucc(res){
    //   res=res.data;
    //   console.log(res.data);
    //   if(res.ret&&res.data){
    //     const data=res.data
    //     this.cities=data.cities;
    //     this.hotCities=data.hotCities
    //   }
    // },
    // handleLetterClick(data){
    //   console.log(data);
    //   this.letter=data
    // }  
  },
  mounted() {
    // let obj = {
    //   uid:1
    // }
    // Getpovr(obj).then(res=>{
    //   console.log(res)
    //   // this.name = res.data.data
    // })
    
    // this.getCityInfo();
  },
 }
</script>

<style lang="stylus" scoped>

</style>